<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>稽查</title>
    <link rel="import" href="/view/common/commoncsslink.html?__inline">
    <link rel="stylesheet" type="text/css" href="/css/main.css">    
    <link rel="import" href="/view/common/commonscriptlink.html?__inline">
</head>

<body>
    <link rel="import" href="/view/common/head.html?__inline">

        <!-- s-->
        <div id="main" class="container-fluid main">
            <div class="row">
                <div class="col-md-2" style="background: #328dc7;padding-right:0;z-index: 11;">
                    <div id="mum_left" class="mum_left">
                        <link rel="import" href="/view/mum.html?__inline">
                    </div>
                </div>
                <div class="col-md-10">
                    <div id="mum_right" class="mum_right">

                        <div class="panel">
                            <div class="panel-heading">
                                <ol class="breadcrumb" style="margin-bottom: 0;">
                                    <li><a href="#">申诉列表</a></li>
                                    <li class="active">稽查结果查看</li>
                                </ol>
                            </div>
                            <div class="panel-body" id="main_content">
                                <!--  start -->
                                <div class="container-fluid ">
                                        <div class="row" style="text-align:center;">
                                            <span style="font-size:24px;">20170404收费站稽查任务-考核结果</span>
                                        </div>
                                        <hr style="margin-top:10px;">
                                        <div>
                                            <p style="border-left:4px solid #328dc7; color:#328dc7;padding-left:2px;">考核基本信息</p>
                                            <div class="row" style="padding-left:4px;margin-bottom:3px; ">
                                                <div class="col-sm-3">
                                                    <span>考核任务名：</span>
                                                    <span>20170404收费站稽查任务</span>
                                                </div>
                                                <div class="col-sm-3">
                                                    <span>考核任务名：</span>
                                                    <span>20170404收费站稽查任务</span>
                                                </div>
                                                <div class="col-sm-3">
                                                    <span>考核任务名：</span>
                                                    <span>20170404收费站稽查任务</span>
                                                </div>
                                                <div class="col-sm-3">
                                                    <span>考核任务名：</span>
                                                    <span>20170404收费站稽查任务</span>
                                                </div>
                                            </div>
                                            <div class="row" style="padding-left:4px;margin-bottom:3px; ">
                                                <div class="col-sm-3">
                                                    <span>考核人：</span>
                                                    <span>李娟</span>
                                                </div>
                                                <div class="col-sm-3">
                                                    <span>考核时间：</span>
                                                    <span>2017-04-05 09:20:02</span>
                                                </div>
                                                <div class="col-sm-3">
                                                    <span>考核视频时长：</span>
                                                    <span>270分钟</span>
                                                </div>
                                                <div class="col-sm-3">
                                                    <span>任务完成率：</span>
                                                    <span>100%</span>
                                                </div>
                                            </div>
                                        </div>
                                         <hr style="margin-top:10px;">
                                         <div>
                                            <p style="border-left:4px solid #328dc7; color:#328dc7;padding-left:2px;">考核任务流程</p>
                                            <div class="row" style="padding-left:4px;margin-bottom:3px; ">
                                                <div class="col-sm-12">
                                                    
                                                </div>
                                            </div>
                                        </div>

                                        <hr style="margin-top:10px;">
                                        <div>
                                            <p style="border-left:4px solid #328dc7; color:#328dc7;padding-left:2px;">考核详细信息</p>
                                        </div>
                                        <div class="row">
                                            <!-- 使用一个div来显示数据表格 -->
                                            <div class="datatable" data-checkable="true" data-sortable="true"></div>
                                        </div>
                                        <div class="row" style="text-align:center">
                                            <ul class="pager center-block">
                                                <li class="previous"><a href="#">« 上一页</a></li>
                                                <li><a href="#">1</a></li>
                                                <li class="active"><a href="#">2</a></li>
                                                <li><a href="#">3</a></li>
                                                <li><a href="#">4</a></li>
                                                <li><a href="#">5</a></li>
                                                <li class="next"><a href="#">下一页 »</a></li>
                                            </ul>
                                        </div>

                                </div>
                                <!--  end -->          
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- e-->

    <link rel="import" href="/view/common/foot.html?__inline">
</body>

<script type="text/javascript">
     $(document).ready(function() {

        // 时间和日期
       $(".form-date").datetimepicker(
        {
            language:  "zh-CN",
            weekStart: 1,
            todayBtn:  1,
            autoclose: 1,
            todayHighlight: 2,
            startView: 2,
            minView: 2,
            forceParse: 0,
            format: "yyyy-mm-dd"
        });

         // 使用data参数更新数据：
        $('.datatable').datatable( {
            checkable:false,
            sortable:false,
            data: {
                cols: [
                    {width: 20, text: '序号', type: 'number', flex: false, colClass: 'text-center'},
                    {width: 80, text: '被考核内容', type: 'date', flex: false, sort: 'down'},
                    {width: 80, text: '被考核人', type: 'string', flex: true, colClass: ''},
                    {width: 80, text: '部门', type: 'date', flex: false, sort: 'down'},
                    {width: 80, text: '职位', type: 'date', flex: false, sort: 'down'},
                    {width: 120, text: '被考核时间', type: 'string', flex: true, colClass: ''},
                    {width: 140, text: '录像截图', type: 'date', flex: false, sort: 'down'},
                    {width: 100, text: '申诉理由', type: 'string', flex: true, colClass: ''},
                    {width: 80, text: '状态', type: 'string', flex: true, colClass: ''},
                ],
                rows: [
                    {checked: false, data: [1, '未按规定收取过路费，着装不规范','李艳芳','收费站','收费员','2017-04-04 00:00-23:59','<img src="/images/img4.jpg" width="80px">','被考核人事正确操作','申诉中']},
                    {checked: false, data: [1, '未按规定收取过路费，着装不规范','李艳芳','收费站','收费员','2017-04-04 00:00-23:59','<img src="/images/img4.jpg" width="80px">','被考核人事正确操作','申诉中']},
                     {checked: false, data: [1, '未按规定收取过路费，着装不规范','李艳芳','收费站','收费员','2017-04-04 00:00-23:59','<img src="/images/img4.jpg" width="80px">','被考核人事正确操作','申诉中']},
                      {checked: false, data: [1, '未按规定收取过路费，着装不规范','李艳芳','收费站','收费员','2017-04-04 00:00-23:59','<img src="/images/img4.jpg" width="80px">','被考核人事正确操作','申诉中']},
                ]
            }
        });
    })
</script>

</html>